.login{
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
    height:100%;
    width:100%;
    position:fixed;

}
.login .login-table{
     padding-top:10%;
}
.login .login-table .table-con{
    margin:0 auto;
    width:25.625em;
    border:1px solid #ccc;
    background-color: #fff;
    border-radius: .7em;
}
.login .login-table .table-con img{
    padding:1em 2em;
    margin-bottom:.8em;
}
.login .login-table .table-con .head-tip{
    text-align: center;
    margin-bottom:.5em;
    font-size: 1.25em;
    color:#888;
    display:none;
}
.table-con .table-body {
    border-radius: .5em;
    border:1px solid #E8E6E6;
    width:75%;
    margin:0 auto;
}
.table-con .table-body .input-gly{
    width:2.5em;
    height:3.75em;
    float:left;
}
.table-con .table-body .gly-user{
    background: url(../images/user_name.png) 0.5625em .7em no-repeat;
}
.table-con .table-body .gly-pass{
    background: url(../images/passwor_d.png) 0.5625em .7em no-repeat;
}
.table-con .table-body .table-input{
    text-indent: .5em;
    line-height: 3.7em;
    border:none;
    width:19.2em;
}
.table-con .tip{
    width:75%;
    margin:0 auto;
    font-size: .875em;
    color:#555;
}
.table-con .tip a{
    float: right;
    color:#666;
}
.table-con .table-footer{
    width:75%;
    margin:0 auto;
}
.table-con .table-footer .enter-sys{
    padding:.5em 1.1em;
    margin-top:1.5em;
    margin-bottom:3em;
    background-color: #239AD2;
    border-radius: .5em;
    border:none;
    color:#fff;
    float:left;
}
.table-con .table-footer .btn{
    padding:.5em 3em;
    display:none;
}
.table-con .table-footer #reset{
    margin-left:1em;
}
.table-con .table-footer .re-home{
    float:right;
    margin-top:1.7em;
    font-size: .875em;
    color:#666;
}
.table-footer button:hover,.table-footer button:focus{
    cursor: pointer;
}